@charset 'utf-8';
*{
    margin: 0 ;
    padding: 0;
}

.father{
    background-image: url(../img/10034.png);
    background-size: 100% auto;
    padding-bottom: 100px;
    position: relative;
    .bg1{
        width: 250px;
        height: 800px;
        position: absolute;
        top: 155px;
        left: 0px;
    }
    .bg2{
        width: 250px;
        height: 800px;
        position: absolute;
        top: 155px;
        right: 0;
    }
}

a{
    text-decoration: none;
}

li{
    list-style: none;
}

.nav{
    height: 27px;
    background-color: #F2F2F2;
    font-size: 12px;
    color: #999999;

    .nav-content{
        width: 990px;
        height: 26px;
        margin: 0 auto;

        a{
            text-align: center;
            line-height: 26px;
            color: #999999;
            padding-left: 10px;
            padding-right: 10px;
            &:hover{
                color: red;
                text-decoration: underline;
            }
        }
        
        >.left{
            float: left;

            span{
                padding-left: 10px;
            }
        }
        

        .right{
            float: right;

            >li{
                float: left;
                position: relative;
                
                //二级菜单ul
                .second{
                    padding: 10px 0  10px 0;
                    position: absolute;
                    top: 26px;
                    left: 0;
                    background-color: #fff;
                    display: none;

                    li{
                        width: 93px;
                    }

                    a{
                        line-height: 20px;
                    }
                }

            }
            .bgg:hover{
                display: inline-block;
                height: 26px;
                background-color: #fff;
            }
            >.bgg:hover .second{
                display: block;
            }

            .phone{
                position: relative;
                .QR{
                    width: 148px;
                    position: absolute;
                    top: 26px;
                    left: -42px;
                    box-shadow: 0 0 6px 1px #999;
                    display: none;

                }
                &:hover .QR{
                    display: block;
                }
            }

            .support{
                position: relative;
                
                .help{
                    position: absolute;
                    width: 122px;
                    top: 26px;
                    right: 0px;
                    padding: 6px 6px 6px 6px;
                    background-color: #fff;
                    display: none;

                    a{
                        padding-left: 0px;
                        padding-right: 10px;
                        line-height: 20px;
                    }
                }
                &:hover .help{
                    display: block;
                }
            }
        }
    }
}